<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    什么是生命周期函数？
    从对象的创建到销毁的过程中，都会经过一系列执行性函数。可以在这些函数中对每个时间点添加事件。
    
    Vue的生命周期函数有八个：
    beforeCreate 此时实例已初始化，但是其中只包含生命周期函数和默认事件。此时数据和方法还未初始化，el也未确定。
    
    created 此时实例创建完成，进行了数据观测、属性和方法的运算、watch/event事件回调、data的初始化，但el还没初始化
    
    beforeMount 挂载之前，模板已经创建完成，el也初始化了，但是还没渲染到网页中
    
    mounted 挂载之后，模板已经渲染到页面中
    
    beforeUpdate data更新后，页面还未重新渲染
    
    updated 页面已经重新渲染
    
    beforeDestroy 实例销毁之前，data和属性方法依然可以使用
    
    destroyed 实例销毁之后

</body>
</html>